簡介Greensock,一個簡單、效能強的javascript animation library
在這個html5 animation在browser上支援還不成熟的時代,各家廠商都做了animation library。Greensock宣稱自己是個效能極好的library,
先來看看官網的實測:http://www.greensock.com/js/speed.html
我的firefox瀏覽器的結果:
YUI3 6.6 fps
Jquery 14.8 fps
Gsap(greensock) 23.4 fps
哇,Greensock大贏,這應該是有tune過的吧 ...
那api怎麼用呢?來看個把圖變大的範例吧~
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script>
$(document).ready(function(){
TweenLite.to("#myID", 10, {width:150, height:150});
});
</script>
<img id='myID' src='http://www.century21.com.tw/images/smile-icon02.jpg'/>
有沒有很簡單?有興趣來玩玩看吧 :)
實作有差,看起來jQuery還是用setTimeout,而GreenShock已經在用requestAnimationFrame了。